Comments
1.2K
In this video
Chapters
Transcript
Chapters
Demo
Demo
0:00
Demo
0:00
Backend Setup
Backend Setup
1:44
Backend Setup
1:44
Database Setup
Database Setup
13:46
Database Setup
13:46
Signup
Signup
26:04
Signup
26:04
Login & Logout & Update Profile
Login & Logout & Update Profile
47:38
Message Routes
Message Routes
1:12:52
Message Routes
1:12:52
Signup & Login Pages
Signup & Login Pages
1:27:40
Signup & Login Pages
1:27:40
Profile Page
Profile Page
2:16:09
Profile Page
2:16:09
Settings Page
Settings Page
2:30:23
Settings Page
2:30:23
Home Page - Sidebar
Home Page - Sidebar
2:41:29
Home Page - Sidebar
2:41:29
Home Page - Chat Container
Home Page - Chat Container
2:58:06
Home Page - Chat Container
2:58:06
Understanding & Implementing Socket.io
Understanding & Implementing Socket.io
3:29:26
Detailed Deployment
Detailed Deployment
4:15:09
Detailed Deployment
4:15:09
Final Tests & bye
Final Tests & bye
4:29:22
Final Tests & bye
4:29:22
Create clip
Haylemikael Negusse
30.0 seconds
Description
12KLikes
654,021Views
2024Nov 19
Chapters
Transcript
Follow along using the transcript.
Codesistency
124K subscribers
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/channels4_profile(3).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/discord_1x.png)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault_18900.jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault_116966.jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault_854933.jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault_1580900.jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault_2860733.jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault_4373833.jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault_5262300.jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault_8173266.jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault.jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(1).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(2).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(3).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(4).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(5).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hq720.jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(6).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hq720(1).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(7).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(8).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hq720(2).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/unnamed.webp)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/unnamed(1).webp)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(9).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(10).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(11).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(12).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(13).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(14).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(15).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(16).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(17).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(18).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(19).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(20).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(21).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(22).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(23).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(24).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/channels4_banner.jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(25).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(26).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(27).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(28).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(29).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(30).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(31).jpg)
 MERN Stack Project_ Realtime Chat App Tutorial - React.js & Socket.io - YouTube_files/hqdefault(32).jpg)